<!DOCTYPE html>
<html chrome_comp_test="stretched_cell_align">
<head>
<style>
td {background:#EEE;}
</style>
</head>
<body>

<p>RE8014</p>

<p>1.</p>
<table width="400" border="1">
  <tr>
    <td width="200" style="text-align:right;" expectedProblems="RE8014">
      <span>table width="400" &gt; td width="200" text-align:right;</span>
    </td>
  </tr>
</table>

<p>1.1</p>
<table width="400" border="1">
  <tr>
    <td width="200" style="text-align:center;" expectedProblems="RE8014">
      <span>table width="400" &gt; td width="200" text-align:center;</span>
    </td>
  </tr>
</table>

<p>-1.2</p>
<table width="400" border="1">
  <tr>
    <td width="200" style="text-align:left;">
      <span>table width="400" &gt; td width="200" text-align:left;</span>
    </td>
  </tr>
</table>

<p>1.3</p>
<style>
.width_400px {width: 400px;}
</style>
<table class="width_400px" border="1">
  <tr>
    <td width="200" style="text-align:right;" expectedProblems="RE8014">
      <span>table class="width_400px" &gt; td width="200" text-align:right;</span>
    </td>
  </tr>
</table>

<p>2.</p>
<table width="100%" border="1">
  <tr>
    <td width="200" style="text-align:right;" expectedProblems="RE8014">
      <span>table width="100%" &gt; td width="200" text-align:right;</span>
    </td>
  </tr>
</table>

<p>2.1</p>
<table width="99%" border="1">
  <tr>
    <td width="200" style="text-align:right;" expectedProblems="RE8014">
      <span>table width="99%" &gt; td width="200" text-align:right;</span>
    </td>
  </tr>
</table>

<p>3. table width="800"</p>
<table width="800" border="1">
  <tr>
    <td style="width:200px; text-align:right;" expectedProblems="RE8014">
      <span>td width:200px; text-align:right;</span>
    </td>
    <td style="width:100px; text-align:right;" expectedProblems="RE8014">
      <span>td width:100px; text-align:right;</span>
    </td>
    <td style="width:200px; text-align:center;" expectedProblems="RE8014">
      <span>td width:200px; text-align:center;</span>
    </td>
  </tr>
  <tr>
    <td>
      <span>td</span>
    </td>
  </tr>
</table>

<p>-3.1 table width="800"</p>
<table width="800" border="1">
  <tr>
    <td width="40%" style="text-align:right;">
      <span>td width="40%" text-align:right;</span>
    </td>
    <td width="20%" style="text-align:right;">
      <span>td width="20%" text-align:right;</span>
    </td>
    <td width="40%" style="text-align:center;">
      <span>td width="40%" text-align:center;</span>
    </td>
  </tr>
</table>

<h2>The followings don't have problems</h2>

<p>A1.</p>
<table width="200" border="1">
  <tr>
    <td width="200" style="text-align:right;">
      <div>table width="200" &gt; td width="200" text-align:right;</div>
    </td>
  </tr>
</table>

<p>A2.</p>
<table border="1">
  <tr>
    <td style="width:200px; text-align:right;">
      <div>table &gt; td width:200px; text-align:right;</div>
    </td>
  </tr>
</table>

<p>A3.</p>
<table width="200" border="1">
  <tr>
    <td style="width:200px;">
      <div>td width:200px;</div>
    </td>
  </tr>
  <tr>
    <td style="width:100px;">
      <div><div style="position:absolute">td width:100px; &gt; div &gt; div position:absolute</div></div>
    </td>
  </tr>
</table>

</body>
</html>
